@charset "utf-8";

/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:978px) {
.main { width: 80%; }
.right-content { width: 68%; margin:15px 24px 0px 0; }
.left-content { width: 25%; }
}

/*------------mobile landscape  view------*/


@media (max-width:767px) {
    .main { width: 100%; }
.logo { float: none; display: block; margin: 0 auto; }
.date { float: left; width: 100%; text-align: center; padding: 0 0 10px 0; }
.right-content { float: left; margin: 10px; width: auto; }
.left-content { margin-right: 0; padding: 10px; width: 100%; }
.pc-menu { display: none; }
.menu-block { display: inline-block; float: left; height: auto; width: 100%; margin-top: 37px; position: absolute; left: 0; }
.menu-icon { display: block; }
/* styling on mobile */

.menu { display: none; border: 0; border-top: 0; padding: 10px; float: left; margin: 20px 0 0 0; width: 100%; background: #E2E2E2; border-top: 1px solid #333; }
.menu li { float: none; padding-left: 0; padding-right: 0; }
.menu > li a { text-align: left; display: inline-block; margin-bottom: 0; padding: 8px 0 0 15px!important; font-weight: bold; }

.left-content{ display:none;}

.mob-top-menu li{ float: none; padding-left: 0; padding-right: 0; background: url(../images/bullet-point1.jpg) no-repeat left 14px; }
.mob-top-menu li a{border-bottom: 1px solid #ccc; padding: 8px 0 0 15px!important; font-weight: bold; display:block; }
.mob-top-menu li.last a { border: 0; }

.left-content ul.list1 br, .gray-ttl br { display: none; }
.txt-right { text-align: center; font-size: 11px; }
.headin-three, .right-content p { padding-left: 0; }
.hr, a.readmore { margin-left: 0; }
.column {height:auto !important;}


.home-ttl-resp { color: #333333 !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 0px 0px 6px 0px !important; text-transform:; background: #fff !important; border-left: 7px solid #666666; }


.grayhome-ttl-resp { color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 0px 0px 6px 0px !important; text-transform: uppercase; background: #666666 !important; border-left: 7px solid #333333; }


.light-ttl-resp { color: #333333 !important; font-family: Arial, Helvetica, sans-serif; background: url(../images/bullet-point1.jpg) no-repeat left 14px; padding-top: 3px;  font-size: 12px; font-weight: bold; padding: 1px 0px 6px 0px !important; text-transform:; border-left: 7px solid #e2e2e2; }


.lightblue-ttl-resp { text-decoration:underline; color: #1f5388 !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 0px 0px 0px 0px !important; margin:11px 0 0 0!important;}


.upcoming-ttl-resp { color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 8px 0px 8px 20px !important; text-transform: uppercase; background: #da1e32 !important; }


.gray-ttl-resp { color: #fff !important; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 8px 0px 8px 14px !important; text-transform: uppercase; background: #666666 !important; border-left: 7px solid #333333; }






}







/*----------optional css------*/
@media (max-width:480px) {
}